<template>
  <div class="setingmain">
    <ListItems :items="items" @itemClickHandle="itemClickHandle"></ListItems>
    <button
      type="button"
      class="setingmain_exit_button"
      @click="exitLoginButtonClickHandle"
    >
      {{ $t("lang.退出登录") }}
    </button>
  </div>
</template>
<script>
export default {
  name: "SetingMain",
  data() {
    return {
      items: [
        {
          title: "test",
          subTitle: "test",
          item: [
            {
              menu: [
                {
                  name: "1",
                  type: 1,
                },
              ],
            },
          ],
        },
        {
          item: [
            {
              menu: [
                {
                  name: "1",
                  type: 1,
                },
                {
                  name: "1",
                  type: 1,
                },
                {
                  name: "1",
                  type: 1,
                },
              ],
            },
          ],
        },
        {
          title: "testadfasdfasdfadfa",
          subTitle: "test",
          item: [
            {
              menu: [
                {
                  name: "1",
                  type: 1,
                },
                {
                  name: "1",
                  type: 1,
                },
              ],
            },
          ],
        },
      ],
    };
  },
  components: {
    ListItems: () =>
      import(
        /* webpackChunkName:'listItem' */ "../../components/common/listItems.vue"
      ),
  },
  methods: {
    itemClickHandle(item, index) {
      console.log(item, index);
    },
    exitLoginButtonClickHandle() {},
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.setingmain {
  padding: 0 0 60 / @base 0;
  background-color: #efefef;
  button {
    &.setingmain_exit_button {
      padding: 10 / @base 10 / @base;
      background-color: brown;
      margin: 0 auto;
      border: 0;
      color: #fff;
      border-radius: 5 / @base;
      width: 355 / @base;
    }
  }
}
</style>
